<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="no-cache">
  <meta http-equiv="Expires" content="0">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta name="format-detection" content="telephone=no">
  <title>webBasic-html</title>
</head>
<body>
<script>
let html=`
html语义化的理解  
	用正确的标签做正确的事情,让页面内容结构化，结构清晰，便于浏览器、搜索引擎解析 
HTML5 form如何关闭自动完成   
	autocomplete=off
seo TDK  
	title description keywords
doctype声明位于文档最前，告诉浏览器如何解析渲染
严格模式和混杂模式  
	严格模式以W3C标准运行，混杂模式向下兼容
web标准 结构表现和行为 
	对应Html css js
为什么多个域名存储网站资源更有效  
	方便cdn  
	突破浏览器并发 
	节约cookie  
	节约主域名连接数，优化页面响应速度
实现圆形点击区域  
	border-radius:50%  
	js创建  
	画热点
html5新特性  
	拖拽释放  
	语义化标签如
		header nav footer aside article section
		audio video  canvas geolocation  localStorage  sessionStorage  
		表单控件 calendar date time email url search   
		新技术webworker websocket geolocation
canvas和svg区别  c
	anvas通过js绘制2d图形，逐像素渲染，位置发生改变会重绘
meta viewport  
	让viewport宽度等于设备宽度，不允许用户进行缩放，展示正常的移动端网页
渐进式渲染  
	图片懒加载 
	异步加载html片段
dom 文档对象模型 
	document为其一个对象
bom 
	浏览器对象模型 window为其一个对象
常见浏览器内核  
	trident  ie   gecko ff  presto opera  webkit safari chrome
如何实现浏览器多个标签页之前的通信  
	localstorage 
	cookies   
	但sessionstorage不可以
浏览器渲染过程  
	解析html生成dom树  
	解析css生成cssom  
	将dom树和cssom规则树合并再一起生成渲染树 
	遍历渲染树开始布局，计算每个节点的位置大小信息 
	将渲染树每个节点绘制到屏幕  
`



</script>
</body>
</html>
